@import './base.less';


// 头部
.top {
  height: 5.8667vw;
  line-height: 5.8667vw;
  display: flex;

  span {
    font-size: 3.6vw;
    margin-left: 0.6667vw;
  }


  p {
    margin: 0 auto;
    font-weight: 700;
  }
}


.box {
  height: 70vw;
  padding: 5.8667vw 9.8667vw;
  box-sizing: border-box;

  // 手机号登录
  .log {

    p {
      font-size: 6.6667vw;
    }

    span {
      font-size: 2.6667vw;
      color: rgb(179, 179, 179);
    }
  }


  // 请输入手机号
  input {
    margin-top: 5.3333vw;
    height: 9.3333vw;
    font-size: 2.6667vw;


  }

  // 请输入图形验证码
  .xiaotu {
    display: flex;
    justify-content: space-between;

    .active {
      margin-top: 3vw;
      width: 19.0667vw;
      height: 5.8667vw;

      img {
        width: 19.0667vw;
        height: 5.8667vw;
      }
    }
  }

  // 请输入手机号
  .code {
    display: flex;
    justify-content: space-between;

    a {
      font-size: 2.6667vw;
      color: rgb(206, 162, 106);
      margin-top: 9vw;
    }
  }

  i {
    border-bottom: 1px solid rgb(243, 241, 242);
    display: block;
  }




}


// denglu 
.log_on {

  margin: 0 auto;
  width: 64vw;
  height: 5.8667vw;
  display: block;
  background-image: linear-gradient(rgb(236, 181, 60), rgb(255, 146, 17));
  color: #fff;
  line-height: 5.8667vw;
  text-align: center;
  border-radius: 2.9333vw;
  font-size: 2.6667vw;
}


.popUp {
  width: 46.6667vw;
  height: 10.3333vw;
  background-color: rgba(0, 0, 0, .6);
  position: relative;
  bottom: 36.6667vw;
  left: 25.6667vw;
  color: #fff;
  text-align: center;
  line-height: 10.3333vw;
  font-size: 2.1333vw;
  display: none;
}